import React, { Component } from 'react'
import {NavLink} from 'react-router-dom'

export default class MyNavLink extends Component {
	render() {
		// console.log(this.props); 最原始的直接传值的方式
		// 标签体是一个特殊的标签属性 被自动收集到 children中 
		// <NavLink to="/about">About</NavLink>
		// 等价于 <NavLink to="/about" children='About' /> 自闭合标签
		return (
			<NavLink activeClassName="atguigu" className="list-group-item" {...this.props}/>
		)
	}
}
 